.marginBottom10{
	margin-bottom: 10upx;
}
.marginBottom20{
	margin-bottom: 20upx;
}
.marginBottom30{
	margin-bottom: 30upx;
}
.marginBottom40{
	margin-bottom: 40upx;
}
.marginBottom60{
	margin-bottom: 60upx;
}
.marginBottom80{
	margin-bottom: 80upx;
}
.marginRight10{
	margin-right: 10upx;
}
.marginRight20{
	margin-right: 20upx;
}
.marginRight30{
	margin-right: 30upx;
}
.marginRight40{
	margin-right: 40upx;
}
.marginRight60{
	margin-right: 60upx;
}
.marginLeft5{
	margin-left: 10upx;
}
.marginLeft10{
	margin-left: 20upx;
}
.marginLeft30{
	margin-left: 30upx;
}
.marginTop30 {
	margin-top: 30upx;
}
.paddingLeft10{
	padding-left: 10upx;
}
.paddingLeft20{
	padding-left: 20upx;
}
.paddingLeft30{
	padding-left: 30upx;
}
.paddingTop10{
	padding-top: 10upx;
}
.paddingTop20{
	padding-top: 20upx;
}
.paddingTop30{
	padding-top: 30upx;
}
.paddingBottom10 {
	padding-bottom: 20upx;
}
.borderBottom1{
	border-bottom: 1px solid #E1E1E1;
}
.borderBomDsh{
	border-bottom: 1px dashed #E1E1E1;
}
.colorWhite{
	color: white;
}
.colorRed{
	color: #c40000;
}
.colorOrange{
	color: #fa744b;
}
.colorAC{
	color: #ACACAC;
}
.color333{
	color: #333333;
}
.color666{
	color: #666666;
}
.color999{
	color: #909090;
}
.colorGreen{
	color: #2FB188;
}
.colorPink {
	color: #fa436a;
}
.colorMidnightblue {
	color: midnightblue;
}
.colorCoral{
	color: coral;
}
.colorDeepBlue{
	color: #193b71;
}
.colorBlue {
	color: #0575d7;
}
.colorRedStart {
	color: #E40E0E;
	font-weight: bold;
	position: relative;
	top: 6upx;
}
.flexDom{
	display: flex;
}
.flexOne{
	flex: 1;
}
.flexColumn{
	flex-direction: column;
}
.alignItems{
	align-items: center;
}
.justifyContent{
	justify-content: center;
}
.fontSize12 {
	font-size: 24upx;
}
.fontSize13 {
	font-size: 26upx;
}
.fontSize14 {
	font-size: 28upx;
}
.fontSize15 {
	font-size: 30upx;
}
.fontSize16 {
	font-size: 32upx;
}
.fontSize18 {
	font-size: 36upx;
}
.fontSize20 {
	font-size: 40upx;
}
.fontSize24 {
	font-size: 48upx;
}
.fontWeight{
	font-weight: bold;
}
.textRight{
	text-align: right;
}
.textCenter{
	text-align: center;
}
.iconImgDoms18 {
	width: 36upx;
	height: 36upx;
	vertical-align: middle;
}
.backgroundWhite{
	background: white;
}
.borderRadius5{
	border-radius: 10upx;
}
.padding20{
	padding: 20upx;
}
.padding30{
	padding: 30upx;
}
/******* 模拟Input输入框-start *****/
.showVehicleDetail {
	position: relative;
	line-height: 33px;
	height: 33px;
	border: 1px solid #eeeeee;
	border-radius: 8upx;
	padding: 0 10upx;
}
.closeFormDoms {
	position: absolute;
	right: 15upx;
	top: 20%;
	display: inline-block;
	width: 36upx;
	height: 36upx;
	font-weight: bold;
	text-align: center;
	line-height: 32upx;
	background: rgb(192, 196, 204);
	border-radius: 50%;
}
.topDoms5 {
	position: relative;
	top: 10upx;
}
.carLineDoms {
	width: 100upx;
	height: 60upx;
}
/******* 模拟Input输入框-end *****/
.bgBlueRadio {
	background: #0273d6;
	color: #FFFFFF;
	font-size: 10px;
	padding: 2px 12px;
	border-radius: 20px;
	letter-spacing: 1px;
}
.bgOrangeRadio {
	background: orange;
	color: #FFFFFF;
	font-size: 10px;
	padding: 2px 12px;
	border-radius: 20px;
	letter-spacing: 1px;
}
.bgGreenRadio {
	background: #2FB188;
	color: #FFFFFF;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 50px;
	letter-spacing: 1px;
}
.bgGreenRadio4 {
	background: #2FB188;
	color: #FFFFFF;
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 4px;
	letter-spacing: 1px;
}
.bgRedRadio {
	background: #fed5d5;
	color: #DB0404;
	font-size: 10px;
	padding: 6upx 16upx;
	border-radius: 20px;
	letter-spacing: 1px;
}
.bgGrayRadio {
	background: #e3e3e3;
	color: #333333;
	font-size: 10px;
	padding: 6upx 16upx;
	border-radius: 20px;
	letter-spacing: 1px;
}
.secendImgs {
	width: 100%;
	height: 260upx;
	border-radius: 16upx;
}
.positionRel{
	position: relative;
}
/*红色背景圆角按钮css*/
.jibangBtns {
	background: red;
	padding: 4upx 18upx;
	border-radius: 8upx;
	color: white;
	cursor: pointer;
}
/*蓝色背景圆角按钮css*/
.jishiBtns {
	background: #E7EFFF;
	padding: 4upx 18upx;
	border-radius: 8upx;
	font-weight: 500;
	color: #0A83FD;
	cursor: pointer;
}
/*绿色色背景圆角按钮css*/
.greenBtns {
	background: #DAF4EC;
	padding: 4upx 18upx;
	border-radius: 8upx;
	font-weight: 500;
	color: #2FB188;
	cursor: pointer;
}
/*黄色背景圆角按钮css*/
.orangeBtns {
	background: #FBEDE4;
	padding: 4upx 18upx;
	border-radius: 8upx;
	font-weight: 500;
	color: #FF711B;
	cursor: pointer;
}
/*灰色背景圆角按钮css*/
.grayBtns {
	background: #aaaaaa;
	padding: 4upx 18upx;
	border-radius: 8upx;
	color: white;
	cursor: pointer;
}
.thirdImgs {
	width: 100%;
	height: 180upx;
	border-radius: 16upx;
}
.imgIcons {
	width: 40upx;
	height: 40upx;
	margin-right: 10upx;
}
.realNameTips {
	background: #b6ddff7d;
	padding: 1px 6px;
	margin-left: 4px;
	font-size: 22upx;
	border-radius: 20rpx;
	color: #0575d7;
}

/*订单状态-css*/
.orderStatusComm {
	padding: 4upx 18upx;
	border-radius: 8upx;
	font-weight: 500;
	cursor: pointer;
}
/* 待响应 */
.orderStatus1 {
	background: #E6FDF4;
	color: #07D1CB;
}
/* 议价中 */
.orderStatus2 {
	background: #FBEDE4;
	color: #FF711B;
}
/* 待装货 */
.orderStatus3 {
	background: #FDE7FF;
	color: #B406E7;
}
/* 待卸货 */
.orderStatus4 {
	background: #E7EFFF;
	color: #0A83FD;
}
/* 运输中 */
.orderStatus5 {
	background: #DAF4EC;
	color: #2FB188;
}
/* 已拒单 */
.orderStatus5 {
	background: #FBE8E4;
	color: #FF421B;
}
/* 已完成 */
.orderStatus7 {
	background: #E8F9DE;
	color: #18BF37;
}
/* 已撤单 */
.orderStatus8 {
	background: #EFEEEE;
	color: #A0A0A0;
}
/* 骨架屏替代方案 */
.Skeleton {
	background: #f3f3f3;
	padding: 20upx 0;
	border-radius: 8upx;
}

/* 图片载入替代方案 */
.image-wrapper {
	font-size: 0;
	background: #f3f3f3;
	border-radius: 4px;

	image {
		width: 100%;
		height: 100%;
		transition: .6s;
		opacity: 0;

		&.loaded {
			opacity: 1;
		}
	}
}

.clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.common-hover {
	background: #f5f5f5;
}
/* 到左边的小竖杠的css */
.tilteTags {
	position: relative;
	font-size: 34upx;
	font-weight: bold;
	color: #333;
	/* padding-left: 25upx; */
	margin-bottom: 20upx;
	padding-bottom: 10upx;
	border-bottom: 1px dashed #dddddd;
}
/* .tilteTags::before {
	content: "";
	background: #2FB188;
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 4px;
	height: 15px;
	border-radius: 8px;
	z-index: 4;
} */
/* Form背景 */
.blueBgDoms{
	background: linear-gradient( 180deg, #1D64CF 0%, rgba(47,177,136,0) 100%) no-repeat;
	background-size: 100% 700upx;
}
/* button样式改写 */
uni-button,
button {
	min-width: 160upx;
	height: 90upx;
	line-height: 90upx;
	font-size: $font-lg + 2upx;
	font-weight: normal;

	&.no-border:before,
	&.no-border:after {
		border: 0;
	}
}
uni-button[size="mini"] {
	min-width: 120upx;
}

uni-button[type=default],
button[type=default] {
	color: $font-color-dark;
}

// 为了兼容性，不要嵌套写法
uni-button.redBtn {
	color: white;
	background: #c40000;
}
uni-button.redBtn::after {
	border-color: #c40000;
}
// 威易达-Buttom按钮-绿色
uni-button.blueBtn {
	background: #1D64CF;
	color: white;
}
uni-button.blueBtn::after {
	border-color: #1D64CF;
}
uni-button[plain].blueBtn {
	background: #ffffff;
	color: #1D64CF;
	border: 1px solid #1D64CF;
}
// 威易达-Buttom按钮-绿色
uni-button.greenBtn {
	color: white;
	background: #2FB188;
}
uni-button.greenBtn::after {
	border-color: #2FB188;
}
// 威易达-Buttom按钮-黄色
uni-button.orangeBtn {
	color: white;
	background: #FC7D32;
}
uni-button.orangeBtn::after {
	border-color: #FC7D32;
}
// 威易达-Buttom按钮-灰色
uni-button.grayBtn {
	color: #8B8B8B;
	background: #E5E5E5;
}
uni-button.grayBtn::after {
	border-color: #EEEEEE;
}

uni-button.radusBtn {
	border-radius: 100upx;
	padding: 0 30upx;
}
/* input 样式 */
.input-placeholder {
	color: #999999;
}

.placeholder {
	color: #999999;
}